// 定义一个粉色变量
@color: red;
// 定义一个14px的字体
@font14: 14px;

body {
    background-color: @color;
}

div {
    background-color: @color;
}

a {
    font-size: @font14;
}

.header {
    width: 200px;
    height: 200px;
    background-color: pink;

    // less嵌套子元素的样式直接写在父元素里面
    a {
        color: blue;
    }
}

.nav {
    &::before {
        content: '';
    }

    .logo {
        color: #fff;
    }
}